<template>
<div class="exerciseHome">
    <!-- <l-header title=""></l-header> -->
    exerciseHome组件
    <div>
        <var-button>默认按钮</var-button>
        <var-button type="primary" @click="viewDemo">demo</var-button>
        <var-button type="info" @click="viewList">list</var-button>
        <var-button type="success" @click="viewSwipe">轮播图</var-button>
        <var-button type="warning" @click="viewSelect">select 选择框</var-button>
        <var-button type="danger" @click="viewCollapse">拓展面板</var-button>
    </div>
    {{locale.lang}} - {{locale.desc}} - {{locale.nav?.home}} - {{locale.nav?.list}}
</div>
</template>

<script>
// import LHeader from '@/common/components/layout/LHeader.vue'
import { Locale } from '@varlet/ui'

export default {
    name: 'exerciseHome',
    components: {},
    data() {
        return {
            locale: {}
        }
    },
    methods: {
        viewDemo() {
            this.$router.push({path:'/demo'});
        },
        viewList() {
            this.$router.push({path:'/list'});
        },
        viewSwipe() {
            this.$router.push({path:'/swipe'});
        },
        viewSelect() {
            this.$router.push({path:'/select'});
        },
        viewCollapse(){
            this.$router.push({path:'/collapse'});
        }
    },
    mounted() {
        this.locale = Locale.pack
    }
};
</script>

<style lang="scss" scoped>
.exerciseHome {
    margin-top: var(--l-header-height);
}
</style>
